<template>
    <layout-apge>
        <!-- 初始化页面 -->
        <init-page v-if="pageStatus === 'init'" :navBarShowLeft="false" navBarTitle="首页"></init-page>
        <!-- 空页面 -->
        <empty-page v-else-if="pageStatus === 'empty'" :navBarShowLeft="false" navBarTitle="首页"></empty-page>
        <!-- 错误页面 -->
        <error-page v-else-if="pageStatus === 'error'" scene="tab" :navBarShowLeft="false" navBarTitle="首页"></error-page>
        <!-- normal 页面 -->
        <view v-else class="home">
           首页
            <!-- 返回顶部 -->
            <BackTop id="backtop" />
        </view>
    </layout-apge>
</template>

<script>
import BackTop from '@/components/backTop';
// 鸡杂
export default {
    data() {
        return {
            pageStatus: 'init', // 页面状态  init：初始化 ，empty：空页面，error：错误页面 ，normal：正常页面
           
        };
    },
    components: {  BackTop },
    created() {
       this.pageStatus = 'normal';
	   console.log('??????首页');
       
    },
    methods: {
    
    },

    /**
     * 页面滚动事件
     * */
    onPageScroll({ scrollTop }) {
        this.navBarBg = scrollTop > 5 ? true : false;
        this.backtopComp && this.backtopComp.setScrollTop(scrollTop);
    },

    /**
     * 页面触底事件
     * */
    onReachBottom() {
       
    },

    /**
     * 页面下拉事件
     * */
    onPullDownRefresh() {
        
    }
};
</script>

<style lang="scss" scoped>
.home {
    min-height: 100vh;
    background: #f5f8fa;
  
}

.py-100 {
    padding: 100rpx 0;
}
</style>
